<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		
		<style type="text/css">
			*{
					margin: 0;
					padding: 0;
			}
			div{
				width: 900px;
				background-color: skyblue;
				font-size: 40px;
				margin: 200px auto;
				line-height: 100px;
				
			}
			div img{
				/* 默认情况下图片和一行文字的基线对齐
				 基线就是一行文字中最短那个文字的底部
				 */
				/* vertical-align: baseline; */
					/* vertical-align: top; */
					
					/* vertical-align: bottom; */
					/* vertical-align: text-top; */
			/* vertical-align: text-bottom; */
						vertical-align: middle;

			}
			
		</style>
	</head>
	<body>
		<!-- 
		什么是vertical-align 
		设置元素的垂直对齐方式
		
		2.vertical-align 注意点
		text-align是设置给父元素
		vertical-align是设置给需要对其的元素本身
		
		vertical-align只对行内元素有效
		 
		 -->
		
		<div>学院ypx <img src="../基础/百度/images/response.png" alt=""></div>
	</body>
</html>